<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="resource/js/jquery-1.12.4.js"></script>
<script type="text/javascript" src="resource/js/jquery-ui.js"></script>
<link href="resource/css/bootstrap-combined.min.css" rel="stylesheet" media="screen">
<link href="resource/css/jobStyle.css" rel="stylesheet" >
<script type="text/javascript" src="resource/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
	<div class="row-fluid">

		<div id="myModal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>

		<div class="span12">
			<ul class="nav nav-tabs">
				<li class="active">
					<a href="#">日常任务</a>
				</li>
				<li>
					<a href="#">资料</a>
				</li>
				<li class="disabled">
					<a href="#">信息</a>
				</li>
				<li class="dropdown pull-right">
					 <a href="#" data-toggle="dropdown" class="dropdown-toggle">下拉<strong class="caret"></strong></a>
					<ul class="dropdown-menu">
						<li>
							<a href="#">操作</a>
						</li>
						<li>
							<a href="#">设置栏目</a>
						</li>
						<li>
							<a href="#">更多设置</a>
						</li>
						<li class="divider">
						</li>
						<li>
							<a href="#">分割线</a>
						</li>
					</ul>
				</li>
			</ul>
			<div class="span12">
				<form class="form-search" onsubmit="return false;">
					系统：<select class="input-medium search-query"  id="jobSys" ></select>
					任务标题：<input class="input-medium search-query" type="text" id="jobTitle"/>
					类型：<select class="input-medium search-query"  id="jobType"></select>
					状态：<select class="input-medium search-query"  id="jobStatus"></select>
					负责人：<select class="input-medium search-query"  id="jobCurUser"></select>
					<button class="btn" onclick="loadDatas();">查找</button>
					<a type="submit" class="btn" href="javascript:addJobShow();" >新建任务</a>
				</form>
			</div>
			<table class="table dataGrid" id="dataGrid">
				<thead>
					<tr style="background-color: #fcf8e3">
						<th>
							系统
						</th>
						<th>
							任务标题
						</th>
						<th>
							类型
						</th>
						<th>
							状态
						</th>
						<th>
							负责人
						</th>
						<th>
							编辑时间
						</th>
						<th>
							操作
						</th>
					</tr>
				</thead>
				<tbody></tbody>
			</table>
			<div class="pagination pagination-centered">
				<ul id="pageIndex"></ul>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="resource/js/job.js"></script>
<script type="text/javascript" src="resource/js/page.js"></script>
<script>
    $(function(){
        loadSelData("jobSys","job/getSysList.do");//系统
        loadSelData("jobType","job/getTypeList.do");//类型
        loadSelData("jobStatus","job/getStatusList.do");//状态
        loadSelData("jobCurUser","job/getUserList.do");//负责人

        loadDatas();

    });
</script>
</body>
</html>